<div class="pagination-container">
  <div class="pagination-info">
    共 <span id="total-count">0</span> 条数据，
    每页显示 <select id="page-size" onchange="changePageSize();">
    <option value="10" selected>10</option>
    <option value="20">20</option>
    <option value="50">50</option>
    <option value="100">100</option>
  </select> 条，
    当前 <span id="current-page">1</span>/<span id="total-pages">0</span> 页
  </div>
  <div class="pagination-controls">
    <button id="first-page" onclick="gotoPageNum(1)">首页</button>
    <button id="prev-page" onclick="addPageNum(-1)">← 上一页</button>
    <span id="page-numbers"></span>
    <button id="next-page" onclick="addPageNum(1)">下一页 →</button>
    <button id="last-page" onclick="gotoPageNum(getTotalPages())">尾页</button>
    <span class="goto-page">
        跳至
        <input type="number" id="goto-page-input" class="goto-page-input" min="1" max="" placeholder="页码">
        <button id="goto-page-btn" onclick='gotoPageNum($("#goto-page-input").val())'>跳转</button>
    </span>
  </div>
</div>
